<div class="row">
  <div class="col-lg-6">
    <%= f.spree_text_field :width, value: number_with_precision(f.object.width, precision: 2) %>
    <%= f.spree_text_field :height, value: number_with_precision(f.object.height, precision: 2) %>
  </div>

  <div class="col-lg-6">
    <%= f.spree_text_field :depth, value: number_with_precision(f.object.depth, precision: 2) %>
    <%= f.spree_select :dimensions_unit, options_for_select(dimension_units(current_store), f.object.dimensions_unit), { include_blank: false, label: Spree.t(:unit) } %>
  </div>
</div>

<div class="form-group">
  <%= f.label :weight %>
  <div class="form-control d-flex align-items-center py-0 focus-border focus-shadow">
    <%= f.text_field :weight, value: number_with_precision(f.object.weight, precision: 2), class: 'form-control-plaintext pl-0' %>
    <%= f.select :weight_unit, options_for_select(weight_units(current_store), f.object.weight_unit), { include_blank: false }, { class: 'form-control-plaintext w-auto border-left' } %>
  </div>
</div>
